<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>todoList</title>
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../css/todoList.css">
</head>


<body>
    <div class="wrap" data-config='{
    "plusBtn": "icon-jia",
    "inputArea": "input-wrap",
    "addBtn": "j-add-btn",
    "list": "list",
    "itemClass": "list-item",
    "inputContext":"text-input"
    
  }'>


        <div class="list-hd">
            <h2>TodoList</h2>
            <a href="javascript:;" class="iconfont icon-jia"></a>
        </div>
        <div class="input-wrap">
            <div class="input-bd">
                <input type="text" id="text-input" />
            </div>
            <div class="btn-bd">
                <button class="j-add-btn">增加项目</button>
            </div>
        </div>
        <div class="list-bd">
            <ul class="list">
                <!-- <li class="list-item">
                    <p class="item-context">123</p>
                    <div class="btn-wrap">
                        <button class="delete">删除</button>
                        <button class="edit">编辑</button>
                    </div>
                </li> -->
            </ul>
        </div>
    </div>

    <script text="javascript" src="../js/utils.js"></script>
    <script text="javascript" src="../js/todoList.js"></script>
</body>

</html>